Dynamic newsticker with striped transition effect

Dynamic newsticker with striped transition effect

Dynamic crossbrowser newsticker with unique transition effect between the messages. Add as many messages as you liek. Each message has a link of its own. Easy configuration of font, fontsize, fontcolor, background-color, messagebox-size, messagebox-position and speed. True copy-and-paste installation!

Configuration:

Step 1: Download this ZIP-File, unzip the transition-images ('stripesX.gif') and the script-file 'texttransliner.js' and put all these files into the same folder your webpage.

Step 2: Open your webpage and paste the following code between <body> and </body>:

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -
// Dynamic newsticker with striped transition effect
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli 
// http://www.24fun.com/fast/index.html
// info@24fun.ch
// 11/2/2000
// If you add this script to a script-library or a script-archive 
// you have to insert a link to http://www.24fun.com/fast/index.html 
// right into the webpage where the script will be displayed.

// the messages. Add as many as you like.
var message=new Array()
message[0]="Welcome to the new pleasure zone of DHTML and JavaScript."
message[1]="Download over 300 free funscripts written by the maddest programmers online."
message[2]="Learn by stealing how to bring more excitement to your webpages."
message[3]="Compare the best tools and books for webbuilders."
message[4]="And try to enjoy life and love. Thank you for visiting www.24fun.com"

// links for each message
var messageurl = new Array()
messageurl[0]="http://www.yahoo.com"
messageurl[1]="http://www.altavista.com"
messageurl[2]="http://www.google.com"
messageurl[3]="http://www.lycos.com"
messageurl[4]="http://www.northerlight.com"

// fontsize, font and fontcolor
var fntsize=2
var fntface="Verdana"
var fntcolor="white"

// fontweight (values: "yes" or "no")
var fontweight="yes"

// background-color of messagebox
var backgroundcolor="red"

// width and the height of the messagebox (pixels)
var messagewidth="280"
var messageheight="70"

// width of messagebox border 
var borderwidth="1"

// horizontal and the vertical position of the messages in relation to the messagebox
var messagealign="center"
var messagevalign="middle"

// vertical position of the messagebox (distance to the top margin of the webpage, pixels)
var messages_top=30

// horizontal position of messagebox (distance to the left margin of the webpage, pixels)
var messages_left=30

// speed of the transition effect. Less means faster
var pause=50

// standstill-time of messages (seconds)
var standstill=3

// - End of JavaScript - -->
</SCRIPT>
<SCRIPT SRC="texttransliner.js"></SCRIPT>

IMPORTANT: Do not paste this code into tables or <DIV> and </DIV> or between any other container!

Step 3: Go to the top of the script-code inside your webpage and configure font, fontsize, fontcolor, background-color, messagebox-size, messagebox-position and speed.

Download 100's of free copy-and-paste scripts